<html>
	<head>
		<title>my menu</title>
		<script src='/cubes/js/jQuery/jquery-1.2.1.pack.js' type='text/javascript'></script>
		<script src='menu.js' type='text/javascript'></script>
		<link rel="stylesheet" type="text/css" href="menu.css" media="screen, projection" />
	</head>
	
	<body>
	
		<div id="Menu">
		<ul id='Nav'>
			<li>
				<a href="#">Test 1</a>
				<ul class='sub'>
					<li><a href="#">Sub element 1.1</a>
					<ul class='sub'>
						<li>Sub element 1.1.1</li>
					</ul>
					</li>
					<li>
						<a href="#">Sub element 1.2</a>
						<ul class='sub'>
							<li>Sub element 1.2.1</li>
						</ul>
					</li>
				</ul>
			</li>
			<li>
				Test 2
				<ul class='sub'>
					<li>Sub element 2.1</li>
					<li>Sub element 2.2</li>
				</ul>				
			</li>
	   </ul>
	   </div>
	</body>
</html>	